<template>
  <router-view />
</template>

<script setup></script>

<style lang="scss">
#crm-app {
  height: 100%;
  font-weight: 400;
}

html,
body {
  margin: 0;
  padding: 0;
}

// TODO:全局button样式，后续封装
$--primary-color: #007dff;
.el-button:hover {
  color: inherit;
  background-color: inherit;
}

.el-button--primary {
  border: 1px solid $--primary-color;
}

.el-button--primary.is-plain {
  background-color: #fff;
  border: 1px solid $--primary-color;
}

.el-button--danger.is-plain {
  color: #ff3333;
  border: 1px solid #ff3333;
  background-color: #fff;
}

.layout-container {
  height: 100%;
  background-color: #fff;
  box-shadow: 4px 5px 16px 0 rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}

:focus-visible {
  outline: none !important;
}
</style>
